/******************************
 ** 初始化
 ** 兼容到IE7
 ** power by:www.hnjing.com
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-width:1100px; font:14px/1.5 "Microsoft Yahei", Arial; color:#333; background:#FFF; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea,select { font:14px/1 "Microsoft Yahei", Arial; color:#333; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#2f4056; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#f88a1e; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrapper, .wrap { width:1100px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:60px; }


/******************************
 ** 首页风格
 ******************************/
.topper { height:37px; line-height:37px; background:#fff; border-bottom:1px solid #ddd; color:#333; }
.topper .welcome { float:left; color:#999; padding:0 0 0 13px; background:url(../images/arrow-right.png) left center no-repeat; }
.topper .url { float:right; margin-right:-10px; }
.topper .url li { float:left; height:37px; line-height:37px; }
.topper .url a { height:14px; line-height:14px; font-size:12px; color:#999; border-left:1px solid #ddd; padding:0 10px; }
.topper .url li:first-child a { border-left:0; }
.topper .url a:hover { color:#227dca; text-decoration:underline; }
.topper .share { float:right; width:130px; padding:0 0 0 60px; color:#999; position:relative; }
.topper .share .wd { position:absolute; left:0; top:0; }

.header { height:124px; background:url(../images/header-bg.png) center bottom repeat-x #fff; position:relative; z-index:10; }
.header .logo { float:left; width:310px; height:71px; margin:26px 0 0 0; }
.header .logo img { display:block; width:300px; height:71px; }
.header .tag { float:left; margin:40px 0 0 0; height:45px; line-height:1.2; color:#5b5b5b; border-left:1px solid #d4d4d4; padding:0 0 0 10px; }
.header .tag h3 { font-size:16px; padding-top:5px; }
.header .tag p { font-family:Arial; }
.header .tel { float:right; width:205px; height:52px; padding:0 0 0 60px; margin:35px 0 0 0; background:url(../images/header-tel.png) left center no-repeat; }
.header .tel strong { font-size:13px; color:#3c3c3c; }
.header .tel span { font-family:Arial; }
.header .tel p { font-size:28px; color:#f88a1e; font-family:Arial; line-height:35px; }


.nav { width:100%; background:#1349ba; position:relative; z-index:10; }
.nav .list { float:left; width:100%; background:url(../images/nav-line.png) right center no-repeat; }
.nav li { float:left; width:156px; height:50px; text-align:center; position:relative; background:url(../images/nav-line.png) left center no-repeat; }
.nav li > a { display:block; color:#fff; height:50px; line-height:50px; }
/*.nav li.current + li, .nav li:hover + li { background:none; }*/
.nav li.current > a, .nav li:hover > a { font-weight:700; }
.nav li.current, .nav li:hover { background:#ef7b0a; }
.nav .drop { position:absolute; /* left:0;  */top:50px; width:660px; background:#ef7b0a; text-align:left; overflow:hidden; display:none; border-bottom:3px solid #fca34d; }
.nav .drop .icon { float:left; width:169px; height:114px; padding:3px; background:#FFF; margin:20px 0 20px 20px; }
.nav .drop .icon img { display:block; width:169px; height:114px; }
.nav .drop dl { width:auto; margin:0 0 20px 196px; overflow:hidden; padding:15px 0 0 0; }
.nav .drop dd { float:left; height:34px; line-height:34px; background:url(../images/nav-line2.png) left center no-repeat; margin-left:-2px; padding:0 15px 0 0; overflow:hidden; }
.nav .drop dd a { display:block; width:80px; padding:0 0 0 22px; color:#fff; }
.nav .drop dd a:hover { text-decoration:underline; }

.searcher { background:url(../images/searcher-bg.png) center center repeat-x #fff; height:45px; padding:0 0 0 10px; }
.searcher .hot { line-height:45px; }
.searcher .hot strong { margin-right:15px; color:#333; }
.searcher .hot span, .searcher .hot a { margin-right:15px; color:#005fbb; }
.searcher .hot a:hover { text-decoration:underline; }
.searcher .sos { position:absolute; right:0; top:7px; }
.searcher .sos dt { width:250px; }
.searcher .sos dd { position:absolute; right:0; top:0; }
.searcher .sos .txt { width:95%; height:28px; line-height:28px; padding:0 0 0 5%; font-size:12px; border:0; background:url(../images/searcher-input.png) left center no-repeat; color:#999; }
.searcher .sos .submit { width:68px; padding:0 0 0 15px; height:28px; background:url(../images/searcher-submit.png) left center no-repeat; border:0; color:#FFF; cursor:pointer; }
.searcher .sos .submit:hover { opacity:.9; filter:Alpha(opacity=90); }

.floor-1 { padding:50px 0 80px; }
.ipro { margin:0 0 0 315px; }
.ipro .head { background:#1349ba; position:relative; margin-bottom:20px; }
.ipro .head h2 { width:140px; height:50px; line-height:50px; background:#f88a1e; color:#FFF; text-align:center; font-size:16px; }
.ipro .head .mo { position:absolute; right:12px; top:12px; width:60px; height:24px; line-height:24px; background:url(../images/mo.png) 55px center no-repeat; border:1px solid #5986E2; color:#5986E2; padding:0 15px 0 0; text-align:center; }
.ipro .head .mo:hover { color:#558dff; border-color:#558dff; background-image:url(../images/mo-hover.png); }
.ipro .main { width:100%; height:720px; overflow:hidden; }
.ipro .list { float:left; width:103%; }
.ipro .item { float:left; width:250px; height:230px; padding:0 17px 0 0; border-bottom:1px dashed #e2e2e2; margin-bottom:20px; }
.ipro .item .img { width:238px; height:168px; padding:5px; background:#FFF; border:1px solid #cecece; }
.ipro .item .img:hover { border-color:#f9962b; }
.ipro .item .img img { display:block; width:236px; height:166px; border:1px solid #e6e6e6; }
.ipro .item h3 { height:40px; line-height:40px; text-align:center; font-size:15px; }

.ipop { height:136px; background:url(../images/ipop.png) center center no-repeat #1449ac; margin-bottom:60px; }
.ipop img { position:absolute; left:0; top:-34px; }
.ipop h2 { margin:0 0 0 280px; font-size:30px; color:#FFF; padding:30px 0 0; }
.ipop p { margin:0 0 0 280px; font-size:12px; font-family:Arial; color:#FFF; text-transform:uppercase; }
.ipop .tel { position:absolute; right:0; top:20px; color:#FFF; width:200px; line-height:1.2; }
.ipop .tel h3 { padding:0 0 0 20px; background:url(../images/ipro-tel.png) left center no-repeat; }
.ipop .tel h4 { font-size:28px; font-family:Impact; margin-bottom:3px; }
.ipop .tel a { display:block; height:33px; line-height:33px; text-align:center; border:2px solid #fff; color:#FFF; border-radius:5px;background:#1148AB; }
.ipop .tel a:hover { background:#FFF;*background:#fff;  color:#1349ab; }

.iadv { }
.iadv .sketch { height:240px; }
.iadv .sketch img { display:block; width:100%; height:230px; }
.iadv .head { text-align:center; border-top:1px solid #ddd; margin-bottom:50px; }
.iadv .head span { font-size:30px; color:#555; line-height:40px; position:relative; top:-22px; padding:0 20px; background:#FFF; }
.iadv dd h3 { font-size:30px; color:#295ab6; position:relative; line-height:1.1; margin-bottom:5px; }
.iadv dd h3 span { color:#dadada; margin:0 5px; }
.iadv dd h3 i { width:112px; height:81px; position:absolute; top:0; left:-125px; }
.iadv dd h4 { font-size:16px; color:#dadada; font-family:Arial; font-weight:400; text-transform:uppercase; }
.iadv dd p { line-height:30px;font-size:16px;}
.iadv dd strong { color:#005fbb; }
.iadv .row-1 { padding:80px 0 0 585px; position:relative; height:320px; }
.iadv .row-2 { padding:70px 440px 0 130px; position:relative; height:260px; }
.iadv .row-3 { padding:80px 0 0 585px; position:relative; height:320px; }
.iadv .row-4 { padding:20px 440px 0 130px; position:relative; height:280px; }
.iadv .row-1 .icon, .iadv .row-3 .icon { position:absolute; left:0; top:0; }
.iadv .row-2 .icon, .iadv .row-4 .icon { position:absolute; right:0; top:0; }
.iadv .row-1 h3 i { background:url(../images/iadv-1.png) center center no-repeat; }
.iadv .row-2 h3 i { background:url(../images/iadv-2.png) center center no-repeat; }
.iadv .row-3 h3 i { background:url(../images/iadv-3.png) center center no-repeat; }
.iadv .row-4 h3 i { background:url(../images/iadv-4.png) center center no-repeat; }

.icase { margin-bottom:70px; }
.icase .head { width:378px; height:30px; border:5px solid #dbdbdb; margin:0 auto 50px; text-align:center; }
.icase .head strong { line-height:32px; font-size:30px; color:#295ab6; background:#FFF; padding:0 20px; position:relative; top:-20px; }
.icase .head span { line-height:20px; font-family:Arial; font-size:16px; color:#646464; background:#fff; position:relative; top:-10px; padding:0 20px; font-weight:700; text-transform:uppercase; }
.icase .main { width:1098px; height:220px; overflow:hidden; position:relative; border-bottom:1px solid #eee; margin:0 auto; }
.icase .list { float:left; position:relative; height:200px; width:1000%; overflow:hidden; }
.icase .item { float:left; height:200px; width:210px; margin-right:12px; }
.icase .item .img { width:204px; height:144px; padding:2px; background:#FFF; border:1px solid #e6e6e6; }
.icase .item .img img { display:block; width:204px; height:144px; }
.icase .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.icase .item .img:hover { border-color:#f88a1e; }
.icase .prev, .icase .next { position:absolute; top:38px; width:25px; height:70px; background:url(../images/ico-pn.png) 0 0 no-repeat; cursor:pointer; }
.icase .prev { background-position:0 0; left:0; }
.icase .next { background-position:-30px -80px; right:0; }
.icase .prev:hover { background-position:-30px 0; }
.icase .next:hover { background-position:0 -80px; }

.floor-2 { padding:0 0 60px; }
.iabout { float:left; width:350px; margin:0 50px 30px 0;  }
.iabout .head { height:40px; line-height:40px; position:relative; margin-bottom:30px; }
.iabout .head h2 { font-size:18px; font-weight:400; padding:0 0 0 50px; background:url(../images/ico-head.png) left center no-repeat; }
.iabout .head .mo { position:absolute; right:0; top:8px; width:73px; height:26px; line-height:26px; background:#f88a1e; color:#FFF; text-align:center; font-size:12px; }
.iabout .head .mo:hover { background:#f27800; }
.iabout .sketch { margin-bottom:10px; }
.iabout .sketch img { display:block; width:100%; height:120px; }
.iabout .main { line-height:24px; height:150px; overflow:hidden; }
.iabout .main strong { color:#005fbb; }

.icomment { float:right; width:300px; margin:0 0 30px 0;  }
.icomment .head { height:40px; line-height:40px; position:relative; margin-bottom:30px; }
.icomment .head h2 { font-size:18px; font-weight:400; padding:0 0 0 50px; background:url(../images/ico-head.png) left center no-repeat; }
.icomment .head .mo { position:absolute; right:0; top:8px; width:73px; height:26px; line-height:26px; background:#f88a1e; color:#FFF; text-align:center; font-size:12px; }
.icomment .head .mo:hover { background:#f27800; }
.icomment .main { padding:20px 20px; background:#f8f8f8; border:1px solid #ececec; }
.icomment .box { width:100%; height:530px; overflow:hidden; position:relative; }
.icomment .list { position:relative; }
.icomment .item { position:relative; padding:0 0 0 130px; height:90px; margin-bottom:20px; }
.icomment .item .img { position:absolute; left:0; top:0; }
.icomment .item .img img { width:120px; height:90px; display:block; }
.icomment .item h3 { line-height:20px; margin-bottom:6px; }
.icomment .item h3 a:hover { text-decoration:underline; }
.icomment .item p { height:64px; line-height:16px; overflow:hidden; }

.ihonor { float:left; width:750px; margin-bottom:30px; }
.ihonor .head { position:relative; height:44px; line-height:44px; margin-bottom:25px; background:#1349ba; }
.ihonor .head h2 { height:40px; line-height:40px; border-left:3px solid #f88a1e; color:#FFF; padding:0 0 0 15px; position:relative; left:2px; top:2px; background:url(../images/menu-cur.png) left center no-repeat; font-size:18px; font-weight:400; }
.ihonor .head .mo { position:absolute; right:10px; top:10px; width:60px; height:24px; line-height:24px; background:url(../images/mo.png) 55px center no-repeat; border:1px solid #5986E2; color:#5986E2; padding:0 15px 0 0; text-align:center; }
.ihonor .head .mo:hover { color:#558dff; border-color:#558dff; background-image:url(../images/mo-hover.png); }
.ihonor .main {  }
.ihonor .prev, .ihonor .next { float:left; width:21px; height:161px; border:1px solid #ececec; cursor:pointer; }
.ihonor .prev { margin-right:12px; background:url(../images/ico-prev.png) center center no-repeat #f8f8f8; }
.ihonor .next { float:right; background:url(../images/ico-next.png) center center no-repeat #f8f8f8; }
.ihonor .prev:hover { background-color:#ececec; }
.ihonor .next:hover { background-color:#ececec; }
.ihonor .box { width:680px; position:relative; overflow:hidden; float:left; }
.ihonor .list { float:left; width:1000%; height:200px; overflow:hidden; position:relative; }
.ihonor .item { float:left; width:220px; text-align:center; margin-right:10px; }
.ihonor .item .img { width:212px; height:156px; padding:3px; border:1px solid #e7e7e7; background:#FFF; }
.ihonor .item .img:hover { border-color:#f88a1e; }
.ihonor .item img { width:212px; height:156px; }
.ihonor .item h3 { line-height:40px; font-weight:400; }

.floor-3 { padding:0 0 80px; }
.inews { float:left; width:750px; height:430px; margin-bottom:50px; }
.inews .head { height:45px; line-height:45px; border-bottom:1px solid #dfdfdf; margin-bottom:24px; position:relative; }
.inews .head h2 { font-size:18px; color:#1550c7; font-weight:400; }
.inews .head h2 span { font-family:Arial; color:#c0c0c0; font-size:14px; margin:0 0 0 10px; text-transform:uppercase; }
.inews .head .mo { position:absolute; right:0; top:0; color:#c0c0c0; }
.inews .head .mo:hover { color:#f88a1e; }
.inews .hot { float:left; width:264px; height:348px; background:#1550c7; }
.inews .hot .img {}
.inews .hot img { display:block; width:264px; height:215px; }
.inews .hot h3 { padding:10px 10px 0 10px; }
.inews .hot h3 a { color:#FFF; }
.inews .hot p { padding:5px 10px 10px 10px; line-height:20px; height:80px; overflow:hidden; color:#dadada; font-size:12px; }
.inews .list { margin:0 0 0 285px; position:relative; top:-15px; }
.inews .item { border-bottom:1px solid #e7e7e7; padding:15px 0 15px 75px; height:60px; position:relative; }
.inews .item .index { font-family:Impact; font-size:48px; color:#e7e7e7; position:absolute; left:0; top:15px; width:60px; height:60px; line-height:60px; border-right:1px solid #e7e7e7; }
.inews .item h3 { }
.inews .item .date, .inews .item p { font-size:12px; color:#8f8e8e; line-height:20px; }
.inews .item:hover .index { color:#1550c7; }

.iqfa { float:right; width:300px; height:430px; margin-bottom:50px; }
.iqfa .head { height:45px; line-height:45px; border-bottom:1px solid #dfdfdf; margin-bottom:24px; position:relative; }
.iqfa .head h2 { font-size:18px; color:#1550c7; font-weight:400; }
.iqfa .head h2 span { font-family:Arial; color:#c0c0c0; font-size:14px; margin:0 0 0 10px; text-transform:uppercase; }
.iqfa .head .mo { position:absolute; right:0; top:0; color:#c0c0c0; }
.iqfa .head .mo:hover { color:#f88a1e; }
.iqfa .list { padding:15px; border:1px solid #ececec; }
.iqfa .item { border-top:1px solid #ececec; padding:15px 0; }
.iqfa .item:first-child { border-top:0; }
.iqfa .item h3 { height:25px; line-height:25px; overflow:hidden; padding:0 0 0 40px; background:url(../images/ico-wen.png) left center no-repeat; margin-bottom:6px; }
.iqfa .item p { padding:5px 0 0 40px; background:url(../images/ico-da.png) left top no-repeat; height:40px; line-height:20px; overflow:hidden; font-size:12px; }

.iform { width:100%; height:456px; clear:both; background:url(../images/iform.png) center top no-repeat; position:relative; }
.iform .tel { line-height:1.2; position:absolute; left:200px; top:70px; }
.iform .tel h3 { color:#295ab6; font-size:18px; }
.iform .tel h3 span { color:#999; font-size:12px; font-family:Arial; }
.iform .tel h4 { font-family:Impact; font-size:36px; color:#295ab6; }
.iform .tel p { font-size:16px; }
.iform .img { position:absolute; left:53px; top:175px; }
.iform .img img { display:block; width:474px; height:234px; }
.iform .head { position:absolute; color:#005fbb; left:650px; top:35px; line-height:1.2; }
.iform .head h2 { font-size:20px; }
.iform .head h3 { font-family:Arial; text-transform:uppercase; }
.iform .form { position:absolute; left:600px; top:90px; width:470px; }
.iform .form .row { float:left; margin-bottom:10px; position:relative; }
.iform .form .row2 { width:100%; clear:both; margin-bottom:10px; }
.iform .form .txt { width:215px; height:33px; line-height:33px; padding:0 0 0 10px; border:1px solid #d8d8d8; background:#FFF; color:#999; }
.iform .form .text { width:450px; height:100px; padding:10px; border:1px solid #ddd; color:#999; }
.iform .form .code { float:left; width:115px; height:33px; line-height:33px; padding:0 0 0 10px; border:1px solid #d8d8d8; background:#FFF; color:#999; }
.iform .form .code + img { float:left; height:35px; cursor:pointer; margin-left:5px; }
.iform .form .txt:focus, .iform .form .text:focus, .iform .form .code:focus { border-color:#aaa; }
.iform .form .row label { position:absolute; left:1px; top:1px; +top:2px; width:32px; height:33px; border-right:1px solid #d8d8d8; }
.iform .form .row label + .txt { width:185px; padding-left:40px; }
.iform .form .row-tel { float:right; }
.iform .form .row-name label { background:url(../images/from-name.png) left center no-repeat; }
.iform .form .row-tel label { background:url(../images/from-tel.png) left center no-repeat; }
.iform .form .row-mail label { background:url(../images/from-mail.png) left center no-repeat; }
.iform .form .row-btn { padding:15px 0 0; height:44px; }
.iform .form .submit, .iform .form .reset { float:right; width:162px; height:44px; font-weight:700; color:#FFF; border:0; font-size:16px; cursor:pointer; }
.iform .form .submit { background:url(../images/from-submit.png) center center no-repeat; }
.iform .form .reset { background:url(../images/from-reset.png) center center no-repeat; margin-left:10px; }
/* .iform .form .submit:hover, .iform .form .reset:hover { opacity:.9; filter:Alpha(opacity=90); } */

.footer { background:#3e3e3e; color:#FFF; }
.footer > .wrap { padding:40px 0 50px; }
.subnav { background:#515151; }
.subnav .list { height:50px; line-height:50px; overflow:hidden; background:url(../images/nav-line3.png) right center no-repeat; }
.subnav li { float:left; background:url(../images/nav-line3.png) left center no-repeat; }
.subnav a { display:block; width:110px; text-align:center; color:#FFF; }
.subnav a:hover { text-decoration:underline; color:#f9962b; }
.subcode { float:right; padding:30px 0 0; +width:410px; }
.subcode li { float:right; margin:0 0 0 20px; text-align:center; }
.subcode img { display:block; width:100px; height:100px; padding:8px; background:#FFF; }
.subcode h3 { font-weight:400; height:40px; line-height:40px; }
.subconent { margin-bottom:10px; line-height:28px; }
.sublink { position:relative; padding:0 0 0 90px; line-height:20px; margin-bottom:10px; }
.sublink p{  }
.sublink .head { width:75px; padding:0 7px 0 0; height:20px; line-height:20px; background:url(../images/sublink.png) left center no-repeat; text-align:center; font-size:12px; position:absolute; left:0; top:0; }
.sublink a { color:#FFF; padding:0 15px; background:url(../images/nav-line3.png) left center no-repeat; }
.sublink a:first-child { padding-left:0; background:none; }
.sublink a:hover { text-decoration:underline; color:#f9962b; }
.copyright a { color:#FFF; }
.copyright a:hover { text-decoration:underline; color:#f9962b; }



/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:276px; }

.topclass { text-align:center; width:100%; height:72px; background:url(../images/topclass.png) center top no-repeat; color:#FFF; line-height:1.4; border-bottom:2px solid #bcbcbc; }
.topclass h2 { font-size:24px; padding:10px 0 0; }
.topclass h3 { font-size:14px; text-transform:uppercase; }

.side-menu { border:1px solid #ddd; background:#ededed; border-radius:0 0 5px 5px; padding:5px; margin-bottom:30px; }
.side-menu dd { margin-bottom:3px;  }
.side-menu dd > a { display:block; height:40px; line-height:40px; background:#1349ba; padding:0 40px 0 0; color:#fff; text-align:center; font-size:18px; font-weight:700; }
.side-menu dd.isdrop > a { background:url(../images/menu-dd.png) 238px center no-repeat #1349ba; }
.side-menu dd.isdrop.current > a { background:url(../images/menu-dd-current.png) 238px center no-repeat #1349ba; }
.side-menu dd:hover > a { background-color:#033bb2; }
.side-menu .drop { display:none; }
.side-menu .drop li { border:1px solid #ddd; border-top:0; border-left-width:4px; background:url(../images/menu-li.png) left center repeat-x #f9f9f9; }
.side-menu .drop a { display:block; height:35px; line-height:35px; padding:0 0 0 20px; color:#6f6f6f; }
.side-menu .drop li.current, .side-menu .drop li:hover { border-left-color:#f88a1e; }
.side-menu .drop li.current a, .side-menu .drop li:hover a { color:#333; background:url(../images/menu-cur.png) 7px center no-repeat; }

.side-pro { margin-bottom:30px; }
.side-pro .list { border:1px solid #ddd; background:#ededed; border-radius:0 0 5px 5px; padding:20px 5px 5px; }
.side-pro .item { text-align:center; width:255px; margin:0 auto; }
.side-pro .item img { display:block; width:247px; height:193px; padding:4px; background:#FFF; }
.side-pro .item h3 { font-weight:400; height:50px; line-height:50px; }

.side-con { margin-bottom:30px; }
.side-con .main { border:1px solid #ddd; background:#ededed; border-radius:0 0 5px 5px; padding:15px 10px 10px; }
.side-con .tel { height:40px; line-height:40px; font-family:Impact; font-size:29px; color:#295ab6; text-align:center; border-bottom:1px solid #ddd; padding-bottom:15px; }
.side-con .tel i { display:inline-block; width:40px; height:40px; background:url(../images/ico-tel.png) center center no-repeat; vertical-align:middle; margin-right:10px; }
.side-con .inf { line-height:30px; padding:10px 0; }

.location { height:40px; line-height:40px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:110px; height:5px; background:#1349ba; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:40px; line-height:40px; font-weight:400; color:#1349ba; }
.location .io { position:absolute; right:0; top:0; }
.location .io b { color:#333; }

.container { float:right; width:790px; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }



/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:103%; }
.list-product .item { float:left; width:250px; height:auto; padding:0 17px 0 0; border-bottom:1px dashed #e2e2e2; margin-bottom:20px; }
.list-product .item .img { width:238px; height:182px; padding:5px; background:#FFF; border:1px solid #cecece; }
.list-product .item .img:hover { border-color:#f9962b; }
.list-product .item .img img { display:block; width:236px; height:180px; border:1px solid #e6e6e6; }
.list-product .item h3 { height:40px; line-height:40px; text-align:center; font-size:15px; }

/* 4:3 图片 */
.list-product2 { width:100%; }
.list-product2 .list { float:left; width:103%; }
.list-product2 .item { float:left; width:256px; margin:0 10px 10px 0; }
.list-product2 .item .img { width:100%; height:192px; overflow:hidden; background:#ddd; }
.list-product2 .item .img img { width:100%; height:192px; }
.list-product2 .item h3 { height:40px; line-height:40px; font-weight:400; text-align:center; border:1px solid #ddd; border-top:0; }
.list-product2 .item h3 a { }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:102%; }
.list-photo .item { float:left; width:168px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:120px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:120px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#aaa; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 0px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a { }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; line-height:1.4; text-align:center; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; text-align:center; color:#999; }
.news-content .rap > * { margin:0 20px 0 0; display:inline; }
.news-content .rap b { font-weight:400; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }
.product-photo .thum dd.current { border-color:#227dca; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:120px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#227dca; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#1771bd; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:20px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; left:0; bottom:10px; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#1349ba; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; background:#fff; font-size:16px; color:#227dca; }


/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 300px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .tel { width:220px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .tel dt { font-size:16px; font-weight:700; }
.product-info2 .tel dd { font-size:28px; color:#1349ba; font-weight:700; }



/******************************
 ** 组件类
 ******************************/
.banner { width:100%; min-width:1000px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#fff; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:100%; height:5px; line-height:0; text-align:center; position:absolute; left:0; bottom:15px; z-index:3; }
.banner .tip span { display:inline-block; width:50px; height:5px; background:#fff; margin:0 8px; cursor:pointer; }
.banner .tip span.cur { background:#227dca; }
.banner, .banner ul,.banner img { height:500px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:400px; }

.toolbar { position:fixed; right:-200px; top:50%; margin:-200px 0 0; z-index:100; display:none; }
.toolbar .pointer { position:absolute; left:-24px; top:50%; margin:-52px 0 0; width:24px; height:90px; padding:14px 0 0; background:url(../images/tool-pointer.png) left center no-repeat; color:#FFF; text-align:center; line-height:16px; cursor:pointer; }
.toolbar .pointer:hover, .toolbar .pointer.checked { background-image:url(../images/tool-pointer-hover.png); }
.toolbar .pointer span { line-height:22px; }
.toolbar .main { width:128px; background:#f3f3f3; border:1px solid #ddd; padding:0 0 15px 0; }
.toolbar .head { width:100%; height:3px; background:url(../images/tool-line.png) center center repeat-x; position:absolute; left:0; top:0; }
.toolbar .online { padding:15px 0 5px; }
.toolbar .online dd { margin-bottom:4px; }
.toolbar .online a { display:block; width:116px; height:42px; line-height:40px; font-weight:700; text-align:center; margin:0 auto; color:#FFF; background:url(../images/tool-btn-blue.png) center center no-repeat; }
.toolbar .online dd.odd a { background-image:url(../images/tool-btn-red.png); }
.toolbar .online a:hover { opacity:.9; filter:Alpha(opacity=90); }
.toolbar .telphone { text-align:center; padding:0 0 10px; }
.toolbar .telphone dt { font-weight:700; height:30px; line-height:30px; }
.toolbar .telphone dt i { width:14px; height:14px; background:url(../images/tool-tel.png) center center no-repeat; display:inline-block; margin:0 5px; vertical-align:middle; }
.toolbar .telphone dd { font-family:Impact; color:#295ab6; font-size:18px; line-height:22px; }
.toolbar .code { }
.toolbar .code dd { text-align:center; }
.toolbar .code img { display:block; width:104px; height:104px; border:1px solid #ddd; margin:0 auto; }
.toolbar .code h3 { font-weight:400; height:30px; line-height:30px; }
.toolbar .foot { width:100%; height:32px; background:url(../images/tool-top.png) center center repeat-x; position:absolute; left:0; bottom:-20px; cursor:pointer;  }

.pager { width:100%; height:40px; padding:10px 0 20px; }
.pager > * { display:inline-block; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd; background:#FFF; margin:0 -3px; }
.pager > *:first-child { display:none; }
.pager > *:first-child + * { margin-left:0px; }
.pager > span { cursor:no-drop; }
.pager > span.cur { cursor:default; background:#f9f9f9; color:#227dca; font-weight:700; }
.pager > a:hover { background:#f1f1f1; }

.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

.recommend-news { border:1px solid #ddd; margin-bottom:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border-bottom:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#295ab6; border-left:5px solid #295ab6; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#227dca; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:350px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; }
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#295ab6; border-left:5px solid #295ab6; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#227dca; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 20px 0 0; }
.recommend-pro .item .img { width:180px; height:120px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:120px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { border:1px solid #ddd; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border-bottom:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#295ab6; border-left:5px solid #295ab6; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/form-name2.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/form-phone2.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/form-email2.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#f0a522; }
.recommend-form .reset { background:#227dca; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#e69912; }
.recommend-form .reset:hover { background:#106fbf; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.bdmap { height:400px; }
.BMap_bubble_title a { display:inline-block; padding:4px 10px; background:#e32b2b; color:#fff; border-radius:3px; }
.BMap_bubble_title a:hover { background:#c50606; }
.BMap_bubble_title + .BMap_bubble_content { line-height:14px; padding:9px 0 0; color:#777; }

.bdshare { width:auto; height:36px; }
.bdshare > * { float:right; }
.bdshare .head { height:36px; line-height:36px; }

.article { line-height:2; padding-bottom:20px; }
.article img { max-width:100%; }

.article-adv { height:100px; background:#fff; margin-bottom:20px; }
.article-adv .tel { float:left; margin:30px 0 0 0; height:40px; line-height:40px; }
.article-adv .tel dt { float:left; font-size:16px; font-weight:700; }
.article-adv .tel dd { float:left; font-family:Arial; font-size:32px; color:#f88a1e; font-weight:700; }
.article-adv .qiao { float:right; width:140px; height:40px; line-height:40px; margin:30px 0 0 0; text-align:center; font-size:16px; font-weight:700; background:#f9962b; color:#fff; border-radius:5px; }
.article-adv .qiao:hover { background:#f87b00; }

.ajax-pager { text-align:right; padding:10px 0; }
.ajax-pager > * { display:inline-block; height:32px; line-height:32px; padding:0 20px; border:1px solid #ddd; margin-left:-6px; background:#FFF;  }
.ajax-pager span { cursor:no-drop; }
.ajax-pager span.current { cursor:default; }
.ajax-pager a:hover { background:#f1f1f1; }

.ig-form-notice { position:absolute; z-index:101; width:auto; padding:5px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.ig-form-notice:before, .ig-form-notice:after { content:''; position:absolute; left:20px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#e0272c; }
.ig-form-notice:after { top:-19px; border-bottom-color:#ffe8e9; }

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

.lee_tqq { background:url(../images/ico-share-24.png) 0 0 no-repeat !important; }
.lee_qzone { background:url(../images/ico-share-24.png) 0 -30px no-repeat !important; }
.lee_sqq { background:url(../images/ico-share-24.png) 0 -60px no-repeat !important; }
.lee_tsina { background:url(../images/ico-share-24.png) 0 -90px no-repeat !important; }

















/******************************
 ** 高级动画
 ******************************/



/******************************
 ** 自定义字体
 ******************************/
@font-face{
	font-family: "ssi";
	src: url("../font/ssi.eot");
	src: url("../font/ssi.eot?#iefix") format("eot"),
		 url("../font/ssi.ttf") format("truetype");
}



/******************************
 ** 兼容性
 ******************************/
body { _background:url(../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }
.BMap_bubble_content{font-size: 12px;line-height: 16px;}